<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>消息中心</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="../../js/mui/css/mui.min.css">
    <link rel="stylesheet" href="../../css/mui-app-style.css">
    <link rel="stylesheet" href="../../css/message.css">
</head>
<body>
<!--页面主结构开始-->
<div id="app" class="mui-views">
    <div class="mui-view">
        <div class="mui-navbar" >
        </div>
        <div class="mui-pages">
        </div>
    </div>
</div>
<!--tab列表-->
<div style="padding: 10px 10px 5px;" id="segmentedControlbox" :class="{ 'mui-hidden': isShow==false }" >
    <div id="segmentedControl" class="mui-segmented-control mui-segmented-control-inverted mui-segmented-control-primary">
        <a tag="0" class="mui-control-item mui-active" href="#item1">公告</a>
        <a tag="1" class="mui-control-item" href="#item2">提醒</a>
        <a tag="2" class="mui-control-item" href="#item3">订货</a>
        <a tag="3" class="mui-control-item" href="#item4">实名</a>
    </div>
</div>
<!--单页面开始-->
<div id="setting" class="mui-page" >
    <div class="mui-navbar-inner mui-bar mui-bar-nav">
        <button type="button" class="mui-left mui-action-back mui-btn  mui-btn-link mui-btn-nav mui-pull-left">
            <span class="mui-icon mui-icon-left-nav"></span>
        </button>
        <h1 class="mui-center mui-title"><!--title--></h1>
    </div>
    <div class="mui-page-content">
        <div class="mui-scroll-wrapper">
            <div class="mui-scroll">
                <div class="mui-content" id="message">
                    <div style="padding-top:40px;" id="mui-bodys">
                        <div id="item1" class="mui-control-content mui-active">
                            <!--{{listdata}}-->
                            <ul class="mui-table-view">
                                <li class="mui-table-view-cell" v-for="(item,index) in listgg">
                                    <a href="#detail" @click="change(item)">
                                    <div class="mui-table">
                                        <div class="mui-table-cell mui-col-xs-6">
                                            <h5 class="mui-ellipsis"><span class="mui-icon-circles"></span>{{item.title}}</h5>
                                        </div>
                                        <div class="mui-table-cell mui-col-xs-6 mui-text-right">
                                            <span class="mui-h5">{{item.time}}</span>
                                        </div>
                                    </div>
                                    <div class="mui-col-xs-12">
                                        <p class="mui-h6 mui-ellipsis">{{item.desc}}</p>
                                    </div>
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div id="item2" class="mui-control-content">
                            <ul class="mui-table-view">
                                <li class="mui-table-view-cell" v-for="(item,index) in listtx">
                                    <a href="#detail" @click="change(item)">
                                        <div class="mui-table">
                                            <div class="mui-table-cell mui-col-xs-6">
                                                <h5 class="mui-ellipsis"><span class="mui-icon-circles"></span>{{item.title}}</h5>
                                            </div>
                                            <div class="mui-table-cell mui-col-xs-6 mui-text-right">
                                                <span class="mui-h5">{{item.time}}</span>
                                            </div>
                                        </div>
                                        <div class="mui-col-xs-12">
                                            <p class="mui-h6 mui-ellipsis">{{item.desc}}</p>
                                        </div>
                                    </a>
                                </li>

                            </ul>
                        </div>
                        <div id="item3" class="mui-control-content">
                            <ul class="mui-table-view">
                                <li class="mui-table-view-cell" v-for="(item,index) in listdh">
                                    <a href="#detail" @click="change(item)">
                                        <div class="mui-table">
                                            <div class="mui-table-cell mui-col-xs-6">
                                                <h5 class="mui-ellipsis"><span class="mui-icon-circles"></span>{{item.title}}</h5>
                                            </div>
                                            <div class="mui-table-cell mui-col-xs-6 mui-text-right">
                                                <span class="mui-h5">{{item.time}}</span>
                                            </div>
                                        </div>
                                        <div class="mui-col-xs-12">
                                            <p class="mui-h6 mui-ellipsis">{{item.desc}}</p>
                                        </div>
                                    </a>
                                </li>

                            </ul>
                        </div>
                        <div id="item4" class="mui-control-content">
                            <ul class="mui-table-view">
                                <li class="mui-table-view-cell" v-for="(item,index) in listsm">
                                    <a href="#detail" @click="change(item)">
                                        <div class="mui-table">
                                            <div class="mui-table-cell mui-col-xs-6">
                                                <h5 class="mui-ellipsis"><span class="mui-icon-circles"></span>{{item.title}}</h5>
                                            </div>
                                            <div class="mui-table-cell mui-col-xs-6 mui-text-right">
                                                <span class="mui-h5">{{item.time}}</span>
                                            </div>
                                        </div>
                                        <div class="mui-col-xs-12">
                                            <p class="mui-h6 mui-ellipsis">{{item.desc}}</p>
                                        </div>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!--详情-->
<div id="detail" class="mui-page">
    <div class="mui-navbar-inner mui-bar mui-bar-nav">
        <button type="button" class="mui-left mui-action-back mui-btn  mui-btn-link mui-btn-nav mui-pull-left">
            <span class="mui-icon mui-icon-left-nav"></span>
        </button>
        <h1 class="mui-center mui-title"><!--请选择银行--></h1>
    </div>
    <div class="mui-page-content">
        <div class="mui-scroll-wrapper">
            <div class="mui-scroll">
                <div class="mui-content">
                    <!--{{detail}}-->
                    <div class="" style="padding:0 15px;">
                        <h4 class="detail__title">{{detail.title}}</h4>
                        <div class="detail__time">{{detail.time}}</div>
                        <div class="detail__body">
                            {{detail.desc}}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!--<header class="mui-bar mui-bar-nav" id="mui-bar-nav">
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <h1 class="mui-title">消息中心</h1>
</header>-->

<script src="../../js/vue.js"></script>
<script src="../../js/mui-layer-mobile/layer.js"></script>
<script src="../../js/mui/js/mui.min.js"></script>
<script src="../../js/mui-view/mui.view.js"></script>
<script src="../../js/common/crypto-js.js"></script>
<script src="../../js/common/common.js"></script>
<script src="../../js/message/message2.js"></script>
<script>


</script>
</body>

</html>